<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 注册页面比较隐私，为了保护用户信息，我们不需要对当前页面做seo优化 -->
    <!-- favicon.ivo一般用于作为缩略的网站标志，他显示在浏览器的地址栏或者标签上
    转换的第三方网站是：比特虫：http//www.bitbug.net
    必须存在根目录下 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入我们初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/shopcar.css">
</head>
<body>
    <section class="shortcut">
        <!-- 版心 -->
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您！&nbsp;</li>
                    <li>
                        <a href="enter.html">请登录</a>&nbsp;
                        <a href="register.html" class="style_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow-icon">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow-icon">关注品优购</li>
                    <li></li>
                    <li class="arrow-icon">客户服务</li>
                    <li></li>
                    <li class="arrow-icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <header class="header w">
        <!-- LOGO SEO优化
        1.logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎，这个地方很重要
        2.h1里面再放有个链接，可以返回首页的，把logo的背景图片给链接即可
        3.为了搜索引擎收录我们，我们链接里面要放文字（网站名称），但是文字不要显示出来
          .方法1：text-indent移到盒子外面（text-indent:-9999px）,然后overflow:hidden,淘宝做法
          .方法2：直接给font-size:0;就看不到文字了，京东做法
        4.最后给链接一个title属性，这样鼠标放在logo上就可以看到提示文字了 -->
        <!-- logo模块 -->
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购商城">品优购商城</a>
            </h1>
        </div>
        <!-- search搜索模块 -->
        <div class="search">
            <input type="search" name="" id="" placeholder="自营">
            <button>搜索</button>
        </div>
        <h3>全部商品&nbsp;11</h3>
        </header>
        <section class="shopcar w">
            <div class="shopcar_hd">
                <input type="checkbox">全选<span class="goods">商品</span>单价（元）  <span class="amount">数量</span>小计（元）<span class="operate">操作</span>            
            </div>
            <div class="shopcar_bd">
                <div class="chuanzhi"><input type="checkbox"><span>传智自营</span>
                <p>运费:￥6.00 <i class="style_red">还差￥99.00免运费</i> </p></div>
                <div class="zhuti">
                <form action="">
                    <ul>
                        <li class="one"><input type="checkbox"><img src="upload/one.png" alt=""><div class="wenzi"><p>苹果（Apple）MD463FE/A MAC <i>尺码：Thunderbolt至千兆...</i> <em>Thunderbolt雷电接口 至千兆以太网转</em><img src="upload/lipin.png" alt=""></p></div></li>
                    </ul>
                </form>
            </div>
            </div>
        </section>
</body>
</html>